<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="description" content=" ">
  <meta name="author" content=" ">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Foodtruck - Tacos : images and sliders</title>

  <link rel="stylesheet" type="text/css" href="./assets/js/customscroll/jquery.mCustomScrollbar.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/flexslider/css/flexslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/prettyPhoto/css/prettyPhoto.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/bxslider/jquery.bxslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/font-awesome.css">

  <link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
  <link rel="stylesheet" type="text/css" href="./assets/flavours/tacos/css/tacos.css">

  <!-- modernizr : detect css transition -->
  <script src="./assets/js/modernizr.custom.81779.js"></script>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="./assets/bootstrap/js/html5shiv.js"></script>
  <script src="./assets/bootstrap/js/respond.min.js"></script>
  <![endif]-->


</head>
<body>


<nav class="navbar navbar-default" role="navigation">
  <div class="inner">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle btn btn-primary" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <div class="text-center">
          <p class="address">
            Tacos Locos - Atlantic Avenue 1234, New York, +66 87 65 43 21
          </p>
        </div>

        <a class="small-brand" href="/"  data-width="221" data-top="58"><img src="./assets/flavours/tacos/images/content/logo-small.png" alt=" " ></a>

        <a href="tel:66-87-65-43-21" class="phoneIcon" style="display:none">+66 87 65 43 21</a>
        <a href="http://goo.gl/maps/IUzKJ" class="locationIcon" target="_blank" style="display:none;">http://goo.gl/maps/IUzKJ</a>
        <ul class="smallSocials">
          <li class="fb"><a href="#"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="#"><img src="./assets/images/smallsocial-rss.png" alt="RSS"></a></li>
        </ul>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav text-center" data-type="margin-top" data-pos="138">
          <li><a href="index.html">Home</a></li>
          <li><a href="8_menucard.html">Menu card</a></li>
          <li><a href="9_events.html">Events</a></li>
          <li><a href="10_story.html">Story</a></li>
          <li><a href="11_gallery.html">Gallery</a></li>
          <li class="dropdown active">
            <a href="1_shortcodes_boxes.html" class="dropdown-toggle">Shortcodes</a>
            <ul class="dropdown-menu">
              <li><a href="1_shortcodes_boxes.html">Boxes</a></li>
              <li><a href="2_shortcodes_toggleable.html">Toggleable</a></li>
              <li><a href="3_shortcodes_contact.html">Contact</a></li>
              <li><a href="4_buttons_typography.html">Typography</a></li>
              <li><a href="5_shortcodes_elements.html">Elements</a></li>
              <li><a href="6_images_sliders.html">Sliders</a></li>
            </ul>
          </li>

          <li><a href="7_blog.html">Blog</a></li>
          <li><a href="12_contact.html">Contact</a></li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- / container -->

    <div class="btm"></div>
  </div>

</nav>


<div class="bg-1 section">
  <div class="inner" data-topspace="80" data-bottomspace="100">
    <div class="container">

      <h3 class="hdr4">Big Brand Slider</h3>

      <!-- *********************** -->
      <!-- ** FULL WIDTH SLIDER ** -->
    </div>
    <div class="flexFull type2 flexslider loading-slider text-center" id="location">
      <ul class="slides">
        <li>
          <img src="./assets/flavours/tacos/images/content/sliderfull-1.jpg" alt=" ">
        </li>
        <li>
          <img src="./assets/flavours/tacos/images/content/sliderfull-1.jpg" alt=" ">
        </li>
      </ul>
    </div>
    <div class="container">

      <br><br><br><br><br>
      <h3 class="hdr4">Product Slider</h3>

      <!-- ************************* -->
      <!-- ** FULL PRODUCT SLIDER ** -->
    </div>
    <div class="flexFull flexslider loading-slider text-center">
      <ul class="slides">
        <li>
          <div class="container">
            <img src="./assets/flavours/tacos/images/content/sliderphoto-1.png" alt=" ">

            <h3 class="hdr2">Big cahuna burger - mia walace style</h3>
            <h4 class="hdr3">Our Tasty Classic Burger SERVED with an ice cold beer (homebrewed)</h4>

          </div>
        </li>
        <li>
          <div class="container">
            <img src="./assets/flavours/tacos/images/content/sliderphoto-1.png" alt=" ">

            <h3 class="hdr2">Big cahuna burger - mia walace style</h3>
            <h4 class="hdr3">Our Tasty Classic Burger SERVED with an ice cold beer (homebrewed)</h4>

          </div>
        </li>
      </ul>
    </div>
    <div class="container">
      <!-- / flexslider -->


      <br><br><br><br><br>
      <h3 class="hdr4">Daily special slider + about us</h3>


      <div class="row">
        <div class="col-md-8">
          <div class="flexFade flexslider loading-slider text-right">
            <ul class="slides">
              <li>
                <div class="descArea">
                  <h4>Our daily Specials</h4>
                  <hr>
                  <h5>Burger Lover Special with Twist Fries & Coke</h5>

                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                    tempor incididunt
                  </p>
                  <span class="price"><em>$</em>8<span>99</span></span>

                </div>
                <div class="roundedImg" data-size="320">
                  <img class="media-object" src="./assets/flavours/tacos/images/content/photo-3.jpg" alt=" ">
                </div>
              </li>
              <li>
                <div class="descArea">
                  <h4>Our Starters</h4>
                  <hr>
                  <h5>Burger Lover Classic menu with fries</h5>

                  <p>
                    Pellentesque eget augue et ipsum laoreet ultrices eget ut est. Donec tincidunt justo nec lobortis molestie. Duis adipiscing libero ut auctor lacinia. Quisque a erat vitae libero facilisis pretium.
                  </p>
                  <span class="price"><em>$</em>9<span>99</span></span>

                </div>
                <div class="roundedImg" data-size="320">
                  <img class="media-object" src="./assets/flavours/tacos/images/content/photo-4.jpg" alt=" ">
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-md-4">
          <h4 class="hdr7">About Us</h4>

          <div class="roundedImg pull-right" data-size="160">
            <img class="media-object" src="./assets/flavours/tacos/images/content/photo-5.jpg" alt=" ">
          </div>
          <p class="bigger">
            Hello Foody! We have traveled countless miles, hundreds of sailing through storms to find out where is the best and freshest food in the world.
            <br>
            Ultimately we have brought them to our restaurant to let you enjoy this priceless treasure.<br><br>
            Please consider yourself. Good Appetite!<br>
            Your Chef Team<br>
          </p>

        </div>
      </div>

      <br><br><br><br><br>
      <h3 class="hdr4">Our recommendations</h3>

      <div class="row">
          <div class="col-md-4 col-sm-6">
            <div class="prodBox pull-left">
              <div class="frameImg"><img src="./assets/flavours/tacos/images/content/product-1.jpg" alt=" "></div>

              <div class="inner">
                <h4>Burger Lover Classic menu with fries</h4>

                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius
                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiu.
                </p>
                <span class="price"><small>just</small><em>$</em>6</span>
                <a href="#" class="btn btn-primary btn-sm">order now!</a>
              </div>
            </div>
            <!-- / prodBox -->
          </div>
          <div class="col-md-4 col-sm-6">
            <div class="prodBox type2">
              <div class="frameImg"><img src="./assets/flavours/tacos/images/content/product-2.jpg" alt=" "></div>

              <div class="inner">
                <h4>Pulled pork with homemade bun</h4>

                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius Lorem, consectetur adipisicing elit, sed do eiu.
                </p>
                <span class="price"><small>just</small><em>$</em>4<span>99</span></span>
                <a href="#" class="btn btn-primary btn-sm">order now!</a>
              </div>
            </div>
            <!-- / prodBox -->
          </div>
          <div class="clearfix visible-sm"></div>
          <div class="col-md-4 col-sm-12">
            <div class="prodBox type3 pull-right">
              <div class="frameImg"><img src="./assets/flavours/tacos/images/content/product-3.jpg" alt=" "></div>

              <div class="inner">
                <h4>Blueberry Pancakes with whip cream</h4>

                <p>Lorem ipsum dolor sit amet, consectetudo eius Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiu.</p>
                <span class="price"><small>just</small><em>$</em>5<span>99</span></span>
                <span class="info">* Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</span>
                <a href="#" class="btn btn-primary btn-sm">order now!</a>
              </div>
            </div>
            <!-- / prodBox -->
          </div>
        </div>
        <!-- / row -->


      <br><br><br><br><br>
      <h3 class="hdr4">Polaroid Image Slider</h3>

      <div class="text-center">
        <div class="polaroidSlider">
          <img src="./assets/images/scotchtape.png" alt=" " class="scotchtape">

          <div class="inner">
            <ul class="bxslider">
              <li><img src="./assets/flavours/tacos/images/content/smallslider-1.jpg" alt=" "></li>
              <li><img src="./assets/flavours/tacos/images/content/smallslider-1.jpg" alt=" "></li>
              <li><img src="./assets/flavours/tacos/images/content/smallslider-1.jpg" alt=" "></li>
            </ul>
          </div>
        </div>
        <!-- / polaroidSlider -->
      </div>


      <br><br><br><br><br>
      <h3 class="hdr4">Gallery</h3>


      <ul class="galleryContainer row">
        <li class="col-md-3 col-sm-6">
          <div class="galleryBox">
            <div class="top">
              <span>Starters</span>
            </div>
            <div class="inner">
              <a href="./assets/flavours/tacos/images/content/product-1.jpg" data-rel="prettyPhoto[gallery1]">
                <img src="./assets/flavours/tacos/images/content/gallery-01.jpg" alt=" ">

                <div><span>3 images</span></div>
              </a>
            </div>
            <div class="hiddenGallery">
              <a href="./assets/flavours/tacos/images/content/product-2.jpg" data-rel="prettyPhoto[gallery1]" title="Title goes here">
                <img src="./assets/flavours/tacos/images/content/product-2.jpg" alt=" ">
              </a>
              <a href="./assets/flavours/tacos/images/content/product-3.jpg" data-rel="prettyPhoto[gallery1]" title="Title goes here">
                <img src="./assets/flavours/tacos/images/content/product-3.jpg" alt=" ">
              </a>
            </div>
          </div>
          <!-- / galleryBox -->
        </li>
        <li class="col-md-3 col-sm-6">
          <div class="galleryBox">
            <div class="top">
              <span>Kitchen Life</span>
            </div>
            <div class="inner">
              <a href="./assets/flavours/tacos/images/content/product-1.jpg" data-rel="prettyPhoto[gallery2]">
                <img src="./assets/flavours/tacos/images/content/gallery-02.jpg" alt=" ">

                <div><span>2 images</span></div>
              </a>
            </div>
            <div class="hiddenGallery">
              <a href="./assets/flavours/tacos/images/content/product-2.jpg" data-rel="prettyPhoto[gallery2]" title="Title goes here">
                <img src="./assets/flavours/tacos/images/content/product-2.jpg" alt=" ">
              </a>
            </div>
          </div>
          <!-- / galleryBox -->
        </li>
        <li class="col-md-3 col-sm-6">
          <div class="galleryBox">
            <div class="top">
              <span>Event Life</span>
            </div>
            <div class="inner">
              <a href="./assets/flavours/tacos/images/content/product-1.jpg" data-rel="prettyPhoto[gallery3]">
                <img src="./assets/flavours/tacos/images/content/gallery-03.jpg" alt=" ">

                <div><span>3 images</span></div>
              </a>
            </div>
            <div class="hiddenGallery">
              <a href="./assets/flavours/tacos/images/content/product-2.jpg" data-rel="prettyPhoto[gallery3]" title="Title goes here">
                <img src="./assets/flavours/tacos/images/content/product-2.jpg" alt=" ">
              </a>
              <a href="./assets/flavours/tacos/images/content/product-3.jpg" data-rel="prettyPhoto[gallery3]" title="Title goes here">
                <img src="./assets/flavours/tacos/images/content/product-3.jpg" alt=" ">
              </a>
            </div>
          </div>
          <!-- / galleryBox -->
        </li>
        <li class="col-md-3 col-sm-6">
          <div class="galleryBox">
            <div class="top">
              <span>Food Life</span>
            </div>
            <div class="inner">
              <a href="./assets/flavours/tacos/images/content/product-1.jpg" data-rel="prettyPhoto[gallery4]">
                <img src="./assets/flavours/tacos/images/content/gallery-04.jpg" alt=" ">

                <div><span>2 images</span></div>
              </a>
            </div>
            <div class="hiddenGallery">
              <a href="./assets/flavours/tacos/images/content/product-2.jpg" data-rel="prettyPhoto[gallery4]" title="Title goes here">
                <img src="./assets/flavours/tacos/images/content/product-2.jpg" alt=" ">
              </a>
            </div>
          </div>
          <!-- / galleryBox -->
        </li>
      </ul>

    </div>
  </div>
</div>
<!-- / bg-1 -->



<footer>
  <div class="container">

    <div class="row">
      <div class="col-md-3">

        <h4>Contact</h4>

        <p>
          Atlantic Avenue 1234,<br><br>
          New York, NY<br><br>
          123 - 456 - 7891<br><br>
          <a href="mailto:hello@tacoslocos.com">hello@tacoslocos.com</a>
        </p>
        <hr>
        <h4>Hours</h4>

        <p>
          Monday - Friday<br>
          11:00 am - 11:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
        </p>

      </div>
      <div class="col-md-6">
        <img src="./assets/flavours/tacos/images/content/logo.png" alt=" ">

        <div class="googleMap" data-location="Marine Ave. New York, NY" data-text="We are here!"></div>

        <ul class="bigSocials">
          <li class="fb"><a href="#"><img src="./assets/images/social-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/social-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/social-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="#"><img src="./assets/images/social-rss.png" alt="RSS"></a></li>
        </ul>

        <p class="copyright">© Copyright 2014 <a href="#">TemplateRockers</a></p>


      </div>
      <div class="col-md-3">
        <h4>Latest Tweets</h4>

        <div class="tweets">
          <div style="display:none">here will be displayed live tweets, configuration is placed in /twitter/config.php</div>
        </div>
      </div>
    </div>

  </div>
  <a href="#" id="toTop"></a>
</footer>
<!-- / footer -->


<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/bootstrap/js/bootstrap.min.js"></script>

<!-- we're including library : maps.googleapis.com/maps/api/js?sensor=false in main.js -->
<script src="./assets/js/gmap3.min.js"></script>

<script src="./assets/js/customscroll/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="./assets/js/flexslider/jquery.easing.1.3.min.js"></script>
<script src="./assets/js/flexslider/jquery.flexslider-min.js"></script>
<script src="./assets/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script src="./assets/js/bxslider/jquery.bxslider.min.js"></script>
<script src="./assets/twitter/js/jquery.tweet.js"></script>
<script src="./assets/js/jquery.hoverdir.js"></script><script src="./assets/js/jquery.arctext.js"></script>
<script src="./assets/js/jquery.placeholder.js"></script>
<script src="./assets/js/jquery.sticky.js"></script>

<script src="./assets/form/js/form.js"></script>
<script src="./assets/js/main.js"></script>

<script src="./assets/js/less.min.js"></script>



</body>

</html>